<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<!-- For Resposive Device -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!-- For IE -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge">

	<title>ChinaZ</title>

	<!-- Main style sheet -->
	<link rel="stylesheet" href="./css/title.css">
	<link rel="stylesheet" href="css/style.css">
	<!-- responsive style sheet -->
	<link rel="stylesheet" href="css/responsive.css">

</head>

<body>
<h1>测试dev分之123</h1>
	<div class="main-page-wrapper">

		<!-- =====导航栏开始 ======= -->
		<div class="navbar navbar-fixed-top custom-navbar" role="navigation">
			<div class="container">

				<!-- navbar header -->
				<div class="navbar-header">

					<a href="#" class="navbar-brand">宠爱有家</a>
				</div>
<h1>测试dev分之123</h1>
				<div class="collapse navbar-collapse">
<h1>测试dev分之1234</h1>
					<ul class="nav navbar-nav navbar-right">
						<li><a href="index.html" class="smoothScroll">首页</a></li>
						<li><a href="../领养展示页面/about.html" class="smoothScroll">领养</a></li>
						<li><a href="../宠物店展示/宠物店展示.html" class="smoothScroll">寄养</a></li>
						<li><a href="上架.html" class="smoothScroll">为小可爱找主人</a></li>
						<li><a href="../领养展示页面/about.html" class="smoothScroll">购买宠物</a></li>
						<li><a href="博客.html" class="smoothScroll">社区</a></li>
						<li><a href="../登录/login.html" class="smoothScroll">登录</a></li>
						<li><a href="../个人端页面/账号管理.html" class="smoothScroll">个人中心</a></li>
						<li><a href="../联系我们/lxwm.html" class="smoothScroll">联系我们</a></li>
					</ul>

				</div>

			</div>
		</div>


		<!-- =========================
    INTRO SECTION   
============================== -->
		<section id="intro" class="parallax-section">
			<div class="container">
				<div class="row">

					<div class="col-md-12 col-sm-12">
						<h3 class="wow bounceIn" style="color: aliceblue" data-wow-delay="0.9s">背景标题</h3>
						<h1 class="wow fadeInUp" style="color: aliceblue" data-wow-delay="1.6s">宠爱有家</h1>
					</div>


				</div>
			</div>
		</section>


		<!-- banner-bottom-section ____________________________ -->
		<section class="banner-bottom-section">
			<div class="container">
				<div class="row">
					<div class="col-sm-3 col-xs-12">
						<div class="banner-bottom-item">
							<div class="banner-bottom-contante text-center">
								<i  class="flaticon-egyptian-cat"></i>
								<a href="../领养展示页面/about.html">
								<h6>领养宠物</h6>
								<p>快来领养属于您的小可爱吧</p>
								</a>
							</div>
						</div>
					</div>
					<div class="col-sm-3 col-xs-12">
						<div class="banner-bottom-item">
							<div class="banner-bottom-contante text-center">
								<i class="flaticon-dog-training"></i>
								<a href="../宠物店展示/宠物店展示.html">
								<h6>寄养你的宠物</h6>
								<p>帮您照顾您暂时无法照顾的爱宠</p>
								</a>
							</div>
						</div>
					</div>
					<div class="col-sm-3 col-xs-12">
						<div class="banner-bottom-item">
							<div class="banner-bottom-contante text-center">
								<i class="flaticon-pawprint"></i>
								<a href="../领养展示页面/about.html">
								<h6>购买宠物</h6>
								<p>多种多样的宠物满足您的需求</p>
								</a>
							</div>
						</div>
					</div>
					<div class="col-sm-3 col-xs-12">
						<div class="banner-bottom-item">
							<div class="banner-bottom-contante text-center">
								<i class="flaticon-egyptian-cat"></i>
								<a href="#">
								<h6>出售您的宠物</h6>
								<p>给您无法照顾的宠物寻找另一个温暖的家</p>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>






		<!-- Our pet health ____________________________ -->
		<section class="our-pet-health-section">
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-xs-12">
						<div class="our-work-process">
							<h4>我们的宠物照护系统</h4>
							<p>我们筛选出的宠物寄养店均为宽敞的室内场地,使宠物可以有好的休息和活动的生活环境。足够的寄养房间：要根据宠物的年龄，大小，性别，脾气秉性等特点来安排不同的生活房间，每个房间小型宠物超过六只，大型宠物不超过三只。（性情暴躁的烈性犬单独房间寄养）休息室应布置温馨惬意，给宠物家一样的感觉。</p>
							<div class="row">
								<div class="col-xs-6">
									<div class="">
										<i class="flaticon-dog-training"></i>
										<a href="../店铺端页面/宠物店展示.html">
										<h6>查看您附近的寄养点</h6>
										</a>
									</div>
								</div>
								<div class="col-xs-6">
									<div class="">
											<i class="flaticon-snowshoe-cat"></i>
											<a href="../宠物店展示/宠物店展示.html">
										<h6>寄养您的宠物</h6>
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-xs-12">
						<div class="doing-the-right-thing">
							<h5>我们的优势</h5>
							<div class="inspiration-tab">
								<div class="inspiration-panel">
									<div class="panel-group theme-accordion" id="accordion">
										<div class="panel">
											<div class="panel-heading active-panel">
												<h6 class="panel-title">
													<a data-toggle="collapse" data-parent="#accordion"
														href="#collapse1">
														公益性</a>
												</h6>
											</div>
											<div id="collapse1" class="panel-collapse collapse in">
												<div class="panel-body">
													<p>快节奏生活压力大,宠物无人照顾,随着社会的发展，生活越来越好，也有越来越多的人开始养宠物了，这本来是好事，宠物可以让空虚的人或者孤独的人有了陪伴，可是也有更多的人把自己家的宠物给遗弃了……所以我们收容我们驯养我们保护,因为专业所以值得信赖.</p>
												</div>
											</div>
										</div> <!-- /panel 1 -->
										<div class="panel">
											<div class="panel-heading">
												<h6 class="panel-title">
													<a data-toggle="collapse" data-parent="#accordion"
														href="#collapse2">
														定制化寄养模式</a>
												</h6>
											</div>
											<div id="collapse2" class="panel-collapse collapse">
												<div class="panel-body">
													<p>家庭式寄养，是像你一样爱它的宠友帮你照顾宠物，散养在温馨的家庭环境。每天可以按照您的要求遛狗喂猫，及时让您了解宠物的情况。在寄养期间，保证宠物的安全和身心健康，同时也签订寄养协议。</p>
												</div>
											</div>
										</div> <!-- /panel 2 -->
										<div class="panel">
											<div class="panel-heading">
												<h6 class="panel-title">
													<a data-toggle="collapse" data-parent="#accordion"
														href="#collapse3">
														专业性</a>
												</h6>
											</div>
											<div id="collapse3" class="panel-collapse collapse">
												<div class="panel-body">
													<p>驯养师均为2年以上驯养工作经验，熟悉动物驯养基本技术并且定期培训学习.具有良好的沟通能力和服务意识，有爱心，能吃苦耐劳、工作细心.</p>
												</div>
											</div>
										</div> <!-- /panel 3 -->
									</div> <!-- end #accordion -->
								</div> <!-- End of .inspiration-panel -->
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>

		<!-- Client Review ____________________________ -->


		<!-- Latest News ____________________________ -->
		<div class="our-blog">
			<div class="container">
				<div class="them-title text-center">
					<span></span>
					<h2>Latest News</h2>
				</div> <!-- /.them-title -->

				<div class="blog-item-wrapper">
					<div class="row">
						<div class="col-md-4 col-sm-6 col-xs-12">
							<div class="single-blog">
								<div class="image"><img src="images/home/img-10.jpg" alt=""></div>
								<div class="text tran3s">
									<h5><a href="#">狗狗的夏日游泳</a></h5>
									<p>锻炼身体，经常游泳可以提高狗狗的体质，身体自然棒棒得，经常游泳的狗狗体能好，狗狗如果会游泳就可以和主人一块下水玩互动游戏，经常玩游戏狗狗不会得抑郁症。如果在干净的河里游泳主人还可以自己带沐浴用品给狗狗洗澡，河里洗澡后记得回家再给狗狗冲一下，狗毛容易涩！</p>
									<span>19 /04 /17</span>
								</div> <!-- /.text -->
							</div> <!-- /.single-blog -->
						</div> <!-- /.item -->
						<div class="col-md-4 col-sm-6 col-xs-12">
							<div class="single-blog">
								<div class="image"><img src="images/home/img-11.jpg" alt=""></div>
								<div class="text tran3s">
									<h5><a href="#">猫猫不会寂寞</a></h5>
									<p>猫不会寂寞，不过猫缺乏安全感，所以只要每天抱抱它们，陪着玩一会就会满足了，但大多数时候猫猫猫不会寂寞，不过猫缺乏安全感，所以只要每天抱抱它们，陪着玩一会就会满足了，但大多数时候猫猫是很享受孤独和寂寞的，那是它们与生俱来的天性。</p>
									<span>19 /04 /17</span>
								</div> <!-- /.text -->
							</div> <!-- /.single-blog -->
						</div> <!-- /.item -->
						<div class="col-md-4 col-sm-6 col-xs-12">
							<div class="single-blog">
								<div class="image"><img src="images/home/img-12.jpg" alt=""></div>
								<div class="text tran3s">
									<h5><a href="#">猫咪如何过冬</a></h5>
									<p>宠物猫眯在冬天都会换上保暖型的浓厚毛发，为此也需要饲养者每天为猫咪梳理毛发，特别是在脱毛换毛的时期，需要经常的梳理以帮助猫咪尽快的完成脱毛的过程。另外，遛弯归来及时擦净脚丫，就可以保证清洁了。</p>
									<span>19 /04 /17</span>
								</div> <!-- /.text -->
							</div> <!-- /.single-blog -->
						</div> <!-- /.item -->
					</div> <!-- /.blog-slider -->
				</div> <!-- /.row -->
			</div> <!-- /.container -->
		</div> <!-- /.our-blog -->



		<!-- Footer ____________________________ -->
		<footer>
			<div class="container">
				<div class="top-footer row">
					<div class="col-md-5 col-sm-7 col-xs-12 footer-logo">
						<a href="#"><img src="images/them-logo/them-main-logo-2.jpg" alt="Logo"></a>
						<p><span class="p-color">myPet</span> was established in 2017 by Pet business veterans, Rod
							Davies and Matthew Levington, the journey began when founders Matthew Levington and Rod
							Davies, met up in 2017 over a beer</p>
						<ul class="icon">
							<li><a href="" class="tran3s"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
							<li><a href="" class="tran3s"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
							<li><a href="" class="tran3s"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
							<li><a href="" class="tran3s"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
						</ul>

						<ul class="policy">
							<li><a href="" class="tran3s">Privacy Policy </a></li>
							<li><a>|</a></li>
							<li><a href="" class="tran3s">Legal Policy</a></li>
						</ul>
					</div> <!-- /.footer-logo -->

					<div class="col-md-4 col-sm-5 col-xs-12 footer-list">
						<h5>Important Links</h5>

						<ul>
							<li><a href="#" class="tran3s">首页</a></li>
							<li><a href="#" class="tran3s">关于我们 </a></li>
							<li><a href="#" class="tran3s">寄养</a></li>
							<li><a href="shop.html" class="tran3s">领养</a></li>
							<li><a href="#" class="tran3s">出售</a></li>
							<li><a href="#" class="tran3s">新闻</a></li>
							<li><a href="#" class="tran3s">社区</a></li>
						</ul>
						<ul>
							<li><a href="#" class="tran3s">宠物</a></li>
							<li><a href="#" class="tran3s">我们的历史</a></li>
							<li><a href="#" class="tran3s">我们做了什么</a></li>
							
						</ul>
					</div> <!-- /.footer-list -->

					<div class="col-md-3 col-xs-12 footer-news">
						<h5>News Update</h5>

						<ul>
							<li>
								<h6><a href="#" class="tran3s">Prefinished Solid Hardwood Flooring</a></h6>
								<span>january 02,2017</span>
							</li>
							<li>
								<h6><a href="#" class="tran3s">Latst pet care in summer 12 care them well</a></h6>
								<span>january 02,2017</span>
							</li>
						</ul>
					</div> <!-- /.footer-news -->
				</div> <!-- /.top-footer -->
			</div> <!-- /.container -->

			<div class="bottom-footer">
				<div class="container">
					<p class="float-left">Copyright &copy; 2017.Company name All rights reserved.<a target="_blank"
							href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
					<form action="#" class="float-right">
						<input type="text" placeholder="Your Email">
						<button class="tran3s p-bg-color">Subscribe</button>
					</form>
				</div> <!-- /.container -->
			</div> <!-- /.bottom-footer -->
		</footer>

	</div> <!-- /.main-page-wrapper -->


	<!-- Scroll Top Button -->
	<button class="scroll-top tran7s p-color-bg">
		<i class="fa fa-angle-up" aria-hidden="true"></i>
	</button>

	<!-- pre loader  -->
	<div id="loader-wrapper">
		<div id="loader"></div>
	</div>



	<!-- js file -->
	<!-- Main js file/jquery -->
	<script src="vendor/jquery-2.2.3.min.js"></script>
	<!-- bootstrap-select.min.js -->
	<script src="vendor/bootstrap-select-1.10.0/dist/js/bootstrap-select.min.js"></script>
	<!-- bootstrap js -->
	<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
	<!-- camera js -->
	<script src="vendor/Camera-master/scripts/camera.min.js"></script>
	<script src="vendor/Camera-master/scripts/jquery.easing.1.3.js"></script>
	<!-- Owl carousel -->
	<script src="vendor/OwlCarousel2/dist/owl.carousel.min.js"></script>
	<!-- appear & countTo -->
	<script src="vendor/jquery.appear.js"></script>
	<script src="vendor/jquery.countTo.js"></script>
	<!-- fancybox -->
	<script src="vendor/fancybox/dist/jquery.fancybox.min.js"></script>
	<!-- Gallery - isotop -->
	<script type="text/javascript" src="vendor/isotope.pkgd.min.js"></script>
	<!-- WOW js -->
	<script type="text/javascript" src="vendor/WOW-master/dist/wow.min.js"></script>
	<!-- Circle Progress -->
	<script type="text/javascript" src="vendor/circle-progress.js"></script>
	<!-- Style js -->
<script src="./js/title.js"></script>
	<script src="js/custom.js"></script>

</body>

</html>